<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度Web Uploader</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/plugins/h+/js/plugins/webuploader-0.1.5/webuploader.css">


</head>

<body class="gray-bg">
    <div id="uploader" class="wu-example">
    <!--用来存放文件信息-->
    <div id="thelist" class="uploader-list"></div>
    <div class="btns">
        <div id="picker">选择文件</div>
        <button id="ctlBtn" class="btn btn-default">开始上传</button>
    </div>
</div>
<script src="${pageContext.request.contextPath}/resources/plugins/h+/js/jquery.min.js?v=2.1.4"></script>

<script src="${pageContext.request.contextPath}/resources/plugins/h+/js/plugins/webuploader-0.1.5/webuploader.js"></script>
<!--<script src="${pageContext.request.contextPath}/resources/plugins/h+/js/demo/webuploader-demo.min.js"></script> -->
</body>
<script type="text/javascript">
// 实例化  
    
    var uploader = WebUploader.create({

    // swf文件路径
    //swf: '${pageContext.request.contextPath}/resources/plugins/h+/js/plugins/webuploader-0.1.5/Uploader.swf',
    // swf文件路径
    swf: BASE_URL + '/js/Uploader.swf',

    // 文件接收服务端。
    server: '${pageContext.request.contextPath}/file/bulk.ac',

    // 选择文件的按钮。可选。
    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
    pick: '#picker',

    // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
    resize: false
});

	    // 当有文件被添加进队列的时候
		uploader.on( 'fileQueued', function( file ) {
		    $list.append( '<div id="' + file.id + '" class="item">' +
		        '<h4 class="info">' + file.name + '</h4>' +
		        '<p class="state">等待上传...</p>' +
		    '</div>' );
		});
    
</script>

</html>

